<template>
  <div class="home">
    <!-- height:100vh; -->
    <el-container style=" border: 1px solid #eee">
      <el-aside width="200px" style="background-color: rgb(1,1,1);color:#fff;">
        <div class="aside-logo-box">
          <img src alt />
          <span>叮当猫</span>
        </div>
        <MyMenu :menuData="menuData" />
      </el-aside>
      <el-container>
        <el-header class="my-header" style>
          <MyHeader />
        </el-header>
        <el-main>
          <router-view />
        </el-main>
      </el-container>
      <MyDialog />
    </el-container>
  </div>
</template>

<script>
// @ is an alias to /src
import MyMenu from '@/components/menu/index'
import MyHeader from '@/components/header/index'
import MyDialog from '@/components/mydialog/index'
export default {
  name: 'home',
  data () {
    // {
    //       menuTxt: "搜索公式",
    //       onTips: false,
    //       router: "/",
    //       menuChild: []
    //     },
    return {
      CourseList: []
      // menuData: [
      //   {
      //     menuTxt: "验证公式",
      //     onTips: false,
      //     router: "/index",
      //     menuChild: []
      //   },

      //   {
      //     menuTxt: "权限开通",
      //     onTips: false,
      //     router: "/permission",
      //     menuChild: []
      //   },
      //   {
      //     menuTxt: "会员等级",
      //     onTips: false,
      //     router: "/vip-level",
      //     menuChild: []
      //   },
      //   {
      //     menuTxt: "立即提现",
      //     onTips: false,
      //     router: "/withdraw",
      //     menuChild: []
      //   },
      //   {
      //     menuTxt: "分享好友",
      //     onTips: false,
      //     router: "/share",
      //     menuChild: []
      //   },
      //   {
      //     menuTxt: "我的账单",
      //     onTips: false,
      //     router: "/bill",
      //     menuChild: []
      //   },
      //   {
      //     menuTxt: "规则明细",
      //     onTips: false,
      //     router: "",
      //     menuChild: [
      //       {
      //         menuTxt: "分享规则",
      //         onTips: false,
      //         router: "/share-rule",
      //         menuChild: []
      //       },
      //       {
      //         menuTxt: "权限规则",
      //         onTips: false,
      //         router: "/purview-rule",
      //         menuChild: []
      //       },
      //       {
      //         menuTxt: "会员规则",
      //         onTips: false,
      //         router: "/vip-rule",
      //         menuChild: []
      //       }
      //     ]
      //   }
      // ]
    }
  },
  created () {
    // this.getCustomer();
  },
  computed: {
    menuData: {
      get: () => {
        let menu = [
          {
            menuTxt: '验证公式',
            onTips: false,
            router: '/index',
            menuChild: []
          },
          {
            menuTxt: '会员等级',
            onTips: false,
            router: '/vip-level',
            menuChild: []
          },
          {
            menuTxt: '立即提现',
            onTips: false,
            router: '/withdraw',
            menuChild: []
          },
          {
            menuTxt: '分享好友',
            onTips: false,
            router: '/share',
            menuChild: []
          },
          {
            menuTxt: '我的账单',
            onTips: false,
            router: '/bill',
            menuChild: []
          },
          {
            menuTxt: '高手榜',
            onTips: false,
            router: '/master-list',
            menuChild: []
          },
          {
            menuTxt: '规则明细',
            onTips: false,
            router: '',
            menuChild: [
              {
                menuTxt: '分享规则',
                onTips: false,
                router: '/share-rule',
                menuChild: []
              },
              {
                menuTxt: '权限规则',
                onTips: false,
                router: '/purview-rule',
                menuChild: []
              },
              {
                menuTxt: '会员规则',
                onTips: false,
                router: '/vip-rule',
                menuChild: []
              }
            ]
          }
        ]
        // if(sessionStorage.getItem('level') !=0 && sessionStorage.getItem('grade_expire_time')-Number(new Date())<0){
        //     menu.push( {
        //     menuTxt: "权限开通",
        //     onTips: false,
        //     router: "/permission",
        //     menuChild: []
        //   })
        // }

        return menu
      }
    }
  },
  methods: {
    getCustomer () {
      let rsaStr = `id=1`
      this.$getCode(rsaStr).then(rsaCode => {
        this.http
          .getCustomer(rsaCode)
          .then(res => {})
          .catch(err => {})
      })
    }
  },
  components: {
    MyMenu,
    MyHeader,
    MyDialog
  }
}
</script>
<style lang="less">
.home {
  .aside-logo-box {
    padding: 18px 0;
    text-align: center;
  }
  .my-header {
    width: 100%;
    // text-align: right;
    font-size: 20px;
    // padding-right:400px;
    margin: 0 auto;
    box-sizing: border-box;
  }
}
</style>
